<template>
  <div>
    <el-select
      v-model="selectVal"
      placeholder="全部订单"
      style="width:120px"
      @change="changeSel"
    >
      <el-option
        v-for="item in selectList"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      ></el-option>
    </el-select>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";

@Component
export default class SelectShop extends Vue {
  /** 选择状态 */
  selectVal = "";

  /** 选择列表 */
  selectList = [
    {
      value: "0",
      label: "全部订单",
    },
    {
      value: "1",
      label: "待发货",
    },
    {
      value: "2",
      label: "已发货",
    },
    {
      value: "3",
      label: "成功的订单",
    },
  ];

  /** 选择状态 */
  changeSel(e) {
    this.$emit("changeSel", e);
  }
}
</script>

<style lang="scss" scoped></style>
